<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Apathy Online</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.6, user-scalable=no">
    <link rel="apple-touch-icon" href="Images/HomeScreenIcon.png">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="Parts/Transitions.css">
    <script type="text/javascript" src="Parts/utilities.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/setup.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Text.js" charset="utf-8"></script>
    <script type="text/javascript" src="attributes.js" charset="utf-8"></script>
    <script type="text/javascript" src="RSSSupport.js" charset="utf-8"></script>
    <script type="text/javascript" src="main.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Transitions.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/StackLayout.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/List.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/PushButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/ButtonHandler.js" charset="utf-8"></script>
</head>
<body onload="load();">
    <div id="content">
        <div id="header">
            <div id="headerGradient">
            </div>
            <div id="feedName"></div>
            <div id="todaysDate"></div>
            <div id="topSplitter1"></div>
            <div id="topSplitter2"></div>
        </div>
        <div id="StackLayout">
            <div id="frontPage">
                <ul id="headlineList">
                    <li id="listRowTemplate" class="listRowTemplate_template">
                        <div id="headlineTitle" class="label_template">Article Title</div>
                        <div id="arrow" class="arrow_template"></div>
                        <div class="text2_template" id="headlineDescription"></div>
                        <div id="headlineSplitter" class="box1_template"></div>
                    </li>
                </ul>
                <div id="olderArticlesLabel"></div>
                <div id="bodySplitter"></div>
                <ul id="secondHeadlines">
                    <li id="listRowTemplate1" class="listRowTemplate1_template">
                        <div id="secondHeadlineTitle" class="label1_template">Article Title</div>
                        <div id="arrow1" class="arrow1_template"></div>
                        <div id="secondHeadlineSplitter" class="box_template"></div>
                    </li>
                </ul>
            </div>
            <div id="articlePage">
                <div id="articleTitle"></div>
                <div id="articleBox">
                    <div id="articleDescription"></div>
                    <div id="articleDate"></div>
                </div>
                <div id="navigation">
                    <div id="readMore"></div>
                    <div id="backToHeadlines"></div>
                </div>
                <div id="articleBottomSplitter"></div>
            </div>
        </div>
    </div>
</body>
</html>
